<template>
    <div class="content">
        <img class="image" src="@/static/images/common/success.png" />
        <p class="status">预约成功！</p>
        <p class="desc">预约申请提交成功</p>
        <div class="btn-group">
            <u-button
                color="#5428EC"
                text="关闭"
                :customStyle="{ width: '100%' }"
                @click="close"
            ></u-button>
        </div>
    </div>
</template>

<script>
export default {
    name: 'success',
    methods: {
        close() {
            uni.navigateBack({
                delta: 2,
            });
        },
    },
};
</script>

<style lang="scss" scoped>
.content {
    height: 100vh;
    background: #fff;
    padding: 100rpx 30rpx;
    @include flexBox(flex-start, center, column);
    .image {
        width: 270rpx;
        height: 212rpx;
    }
    .status {
        font-size: 32rpx;
        font-weight: 600;
        color: #2f2f2f;
        margin-top: 20rpx;
    }
    .desc {
        font-size: 24rpx;
        color: #979797;
        margin-top: 18rpx;
    }
    .btn-group {
        width: 100%;
        margin-top: 76rpx;
    }
}
</style>
